<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, 
            initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, 
            user-scalable=no">
<link type="text/css" rel="stylesheet" href="<{$web_host}>/common/clientapi/css/player.css" >
<title>html5电子白板播放器V2.1</title>
<script>
var site_url = "<{$video_name}>";
</script>
</head>
<body>
<div id="title">html5电子白板播放器V2.0</div>
<canvas id="myCanvas">浏览器不支持</canvas>
<div id="timeline"><div id="current-time"></div></div>
<div id="data-store">
	<div id="data-store-img"></div>
	
</div>
<div id="menu">
	<div class="menu-left">
		<div id="play" class="play" title="播放"></div>
		<div class="voice-ctrl">
			<div id="mute" data="on">静音</div>
			<div id="voice-bar" >
				<div id="current-voice"></div>
				<div id="current-voice-bar"></div>
			</div>
		</div>
	</div>
	<div class="menu-right">
		<div id="time-view">
			<span id="msg"></span>
			<span id="h">0</span>:<span id="m">0</span>:<span id="s">0</span>
			<span>/</span>
			<span id="total-time">0:0:0</span>
		</div>
		<div id="bg-selector">
			<div class="bg-item white" data="#ffffff"></div>
			<div class="bg-item black" data="#000000"></div>
			<div class="bg-item blue" data="#0000ff"></div>
		</div>
	</div>
	
	
</div>
<audio controls="controls" id="audio" style="display:none;">
	
</audio>

<script type="text/javascript" src="<{$web_host}>/common/libs/jquery-1.9.1.js"></script>
<script type="text/javascript">
var android_width ="<{$android_width}>";
var android_heigh ="<{$android_heigh}>";
var android_canvas = "<{$android_heigh}>"-60;
alert(android_heigh);
console.log(android_width);
console.log(android_heigh);
console.log(android_canvas);
if(android_width!=0 && android_heigh!=0){
	$("#title").attr({ width: "'"+android_width+"px'"});
	$("#myCanvas").attr({ width: "'"+android_width+"px'",height: "'"+android_canvas+"px'"});
	$("#timeline").attr({ width: "'"+android_width+"px'"});
	$("#menu").attr({ width: "'"+android_width+"px'"});
	$("#time-view").attr({ margin: "-65px 60px"});
	$("#bg-selector").attr({ margin: "-35px 73px"});
}
</script>
<script type="text/javascript" src="<{$web_host}>/common/libs/player.js"></script>

</body>
</html>